<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>demo</title>
	<meta name="keywords" content=""/>
	<meta name="description" content=""/>
	<meta name="viewport" content="width=device-width"/>
	<link rel="stylesheet" href=""/>
	<link rel="shortcut icon" href="img/touchicon.png"/>
	<style>
		body{margin:0;padding:0;}
		p{margin:0;}

		.mn{margin:10px;}
		.mn-md{float:right;width:230px;background:#e51400;height:150px;}
		.mn-rt{float:right;margin-right:10px;width:190px;background:#4eb3b9;height:150px;}
		.mn-lt{float:left;margin-right:-440px;width:100%;}
		.mn-lt-cont{margin-right:440px;background:#ff0097;height:150px;}
	</style>
</head>
<body>
	<div class="mn">
		<div class="mn-lt">
			<div class="mn-lt-cont">
				<p>左侧自适应</p>
			</div>
		</div>
		<div class="mn-md">
			<p>中间定宽</p>
		</div>
		<div class="mn-rt">
			<p>右侧定宽</p>
		</div>
	</div>
</body>
</html>